<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<div class="navbar">
	<div class="navbar-inner">
		<div class="navbar-container">
            <!-- S= 通知 -->
            <div class="navbar-header pull-left">
                <i class="fa fa-bell pull-left"></i>
                <ul class="list-unstyled notification pull-left">
                    <li>
                        <a href="">通知：上下滚动效果</a>
                    </li>
                </ul>
            </div>
            <!-- E= 通知-->

            <!-- S= 信息和设置 --->
            <div class="navbar-header pull-right">
                <div class="navbar-account">
                    <ul class="account-area">
                        <!--S= 信息-->
                        <li>
                            <a class="wave in dropdown-toggle" data-toggle="dropdown" title="Help" href="#">
                                <i class="icon fa fa-envelope"></i>
                                <span class="badge">3</span>
                            </a>

                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-messages">
                                <li>
                                    <a href="#">
                                        <img src="${__rootStatic__}/dep/assets/img/avatars/divyia.jpg"
                                             class="message-avatar"
                                             alt="Divyia Austin">
                                        <div class="message">
                                    <span class="message-sender">
                                        集团质检中心经理-王大伟
                                    </span>
                                    <span class="message-time">
                                        两分钟前
                                    </span>
                                    <span class="message-subject">
                                        邮件标题
                                    </span>
                                    <span class="message-body">
                                        邮件内容邮件内容邮件内容
                                    </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="${__rootStatic__}/dep/assets/img/avatars/bing.png" class="message-avatar"
                                             alt="Microsoft Bing">
                                        <div class="message">
                                    <span class="message-sender">
                                        集团质检中心经理-王大伟
                                    </span>
                                    <span class="message-time">
                                        昨天
                                    </span>
                                    <span class="message-subject">
                                        邮件标题
                                    </span>
                                    <span class="message-body">
                                        邮件内容邮件内容邮件内容
                                    </span>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <img src="${__rootStatic__}/dep/assets/img/avatars/adam-jansen.jpg"
                                             class="message-avatar"
                                             alt="Divyia Austin">
                                        <div class="message">
                                        <span class="message-sender">
                                            集团质检中心经理-王大伟
                                        </span>
                                        <span class="message-time">
                                            一周前
                                        </span>
                                        <span class="message-subject">
                                            邮件标题
                                        </span>
                                        <span class="message-body">
                                            邮件内容邮件内容邮件内容
                                        </span>
                                        </div>
                                    </a>
                                </li>
                            </ul>
                        </li>
                        <!--E= 信息-->
                        <!-- S=任务-->
                        <li>
                            <a class="dropdown-toggle" data-toggle="dropdown" title="Tasks" href="#">
                                <i class="icon fa fa-tasks"></i>
                                <span class="badge">4</span>
                            </a>

                            <ul class="pull-right dropdown-menu dropdown-tasks dropdown-arrow ">
                                <li class="dropdown-header bordered-darkorange">
                                    标题
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Account Creation</span>
                                            <span class="pull-right">65%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:65%" class="progress-bar"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Profile Data</span>
                                            <span class="pull-right">35%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:35%"
                                                 class="progress-bar progress-bar-success"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Updating Resume</span>
                                            <span class="pull-right">75%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:75%"
                                                 class="progress-bar progress-bar-darkorange"></div>
                                        </div>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <div class="clearfix">
                                            <span class="pull-left">Adding Contacts</span>
                                            <span class="pull-right">10%</span>
                                        </div>

                                        <div class="progress progress-xs">
                                            <div style="width:10%"
                                                 class="progress-bar progress-bar-warning"></div>
                                        </div>
                                    </a>
                                </li>
                                <li class="dropdown-footer">
                                    <a href="#">
                                        See All Tasks
                                    </a>
                                    <button class="btn btn-xs btn-default shiny darkorange icon-only pull-right">
                                        <i
                                                class="fa fa-check"></i></button>
                                </li>
                            </ul>
                        </li>
                        <!-- E= 任务-->
                        <!-- S= 用户信息-->
                        <li>
                            <a class="login-area dropdown-toggle" data-toggle="dropdown">
                                <div class="avatar" title="View your public profile">
                                    <img src="${__rootStatic__}/dep/assets/img/avatars/adam-jansen.jpg">
                                </div>
                                <section>
                                    <h2><span class="profile"><span>集团质检中心经理-王大伟</span></span></h2>
                                </section>
                            </a>
                            <!--Login Area Dropdown-->
                            <ul class="pull-right dropdown-menu dropdown-arrow dropdown-login-area">
                                <li class="username"><a>集团质检中心经理-王大伟</a></li>
                                <li class="email"><a>wdw@xuehuiwang.com</a></li>
                                <!--Avatar Area-->
                                <li>
                                    <div class="avatar-area">
                                        <img src="${__rootStatic__}/dep/assets/img/avatars/adam-jansen.jpg" class="avatar">
                                        <span class="caption">修改照片</span>
                                    </div>
                                </li>
                                <!--Avatar Area-->
                                <li class="edit">
                                    <a href="profile.html" class="pull-left">简介</a>
                                    <a href="#" class="pull-right">设置</a>
                                </li>
                                <!-- E= 颜色主题-->
                                <li class="theme-area">
                                    <ul class="colorpicker" id="skin-changer">
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#5DB2FF;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/blue.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#2dc3e8;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/azure.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#03B3B2;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/teal.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#53a93f;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/green.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#FF8F32;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/orange.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#cc324b;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/pink.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#AC193D;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/darkred.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#8C0095;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/purple.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#0072C6;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/darkblue.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#585858;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/gray.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#474544;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/black.min.css"></a></li>
                                        <li><a class="colorpick-btn" href="#"
                                               style="background-color:#001940;"
                                               rel="${__rootStatic__}/dep/assets/css/skins/deepblue.min.css"></a></li>
                                    </ul>
                                </li>
                                <!-- E= 颜色主题-->
                                <li class="dropdown-footer">
                                    <a href="${__root__}/login/logout">
                                        	退出
                                    </a>
                                </li>
                            </ul>

                        </li>
                        <!-- E= 用户信息-->
                    </ul>
                    <!-- S= 设置-->
                    <div class="setting">
                        <a id="btn-setting" title="Setting" href="#">
                            <i class="icon glyphicon glyphicon-cog"></i>
                        </a>
                    </div>
                    <div class="setting-container">
                        <label>
                            <input type="checkbox" id="checkbox_fixednavbar">
                            <span class="text">固定导航条</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedsidebar">
                            <span class="text">固定左侧导航</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedbreadcrumbs">
                            <span class="text">固定面包屑导航</span>
                        </label>
                        <label>
                            <input type="checkbox" id="checkbox_fixedheader">
                            <span class="text">固定头部</span>
                        </label>
                    </div>
                    <!-- E= Settings -->
                </div>
            </div>
            <!-- E= 信息和设置 --->
        </div>
    </div>
</div>

<div class="page-header position-relative">
    <div class="header-buttons">
        <a class="sidebar-toggler" href="#">
            <i class="fa fa-arrows-h"></i>
        </a>
        <a class="refresh" id="refresh-toggler" href="">
            <i class="glyphicon glyphicon-refresh"></i>
        </a>
        <a class="fullscreen" id="fullscreen-toggler" href="#">
            <i class="glyphicon glyphicon-fullscreen"></i>
        </a>
    </div>
    <!--S= 功能切换-->
    <div class="tabs">
        <ul class="tabs-list">
            <li>
                <a href="#">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span>工作台</span>
                </a>
            </li>
            <li class="active">
                <a href="#">
                    <i class="menu-icon glyphicon glyphicon-home"></i>
                    <span>部门管理(职位)</span>
                </a>
            </li>
        </ul>
    </div>
    <!--E= 功能切换-->
</div>